<template>
  <Card :title="t('routes.dashboard.enterprise')" v-bind="$attrs">
    <Carousel :autoplay="true">
      <template v-for="item in items" :key="item">
        <div>
          <img class="xl:w-full h-80 mx-auto" :src="item" />
        </div>
      </template>
    </Carousel>
  </Card>
</template>

<script lang="ts" setup>
  import { ref } from 'vue';
  import { Card, Carousel } from 'ant-design-vue';
  import { useI18n } from '/@/hooks/web/useI18n';

  const { t } = useI18n();
  const items = ref<any>([
    'https://cdn.pixabay.com/photo/2018/07/25/18/36/ecommerce-3562005_640.jpg',
    'https://cdn.pixabay.com/photo/2016/10/09/08/32/digital-marketing-1725340_1280.jpg',
    'https://cdn.pixabay.com/photo/2015/02/05/08/06/macbook-624707_640.jpg',
  ]);
</script>
